<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分类列表</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			.box{
				width: 100%;
				/*height: 100px;*/
				border: 1px solid black;
			}
			.ul{
				display: block;
			}
			.li{
				display: inline-block;
				width: 150px;
				height: 100px;
				text-align: center;
				padding: auto 0;
				}
		</style>
	</head>
	<body>
		<div id="box" class="box">
			<ul class="ul">
				<li class="li">11111111111</li>
				<li class="li">22222222222</li>
				<li class="li">33333333333</li>
				<li class="li">44444444444</li>
				<li class="li">55555555555</li>
				<li class="li">66666666666</li>
				<li class="li">77777777777</li>
				<li class="li">88888888888</li>
				<li class="li">99999999999</li>
				<li class="li">11111111111</li>
				<li class="li">22222222222</li>
				<li class="li">33333333333</li>
			</ul>
		</div>
	</body>
</html>
